

@mixin img-bj-fixed {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

@mixin img-bj($top: top, $center: center) {
  background-repeat: no-repeat;
  background-position: $top $center;
}

.pointer {
  cursor: pointer;
}


@mixin full{
  width: 100%;
  height: 100%;
}


@mixin clearfix {
  &:after {
    content: '';
    display: table;
    clear: both;
  }
}

@mixin scrollBar( $size: 2px, $bg: #d3dce6, $active: #99a9bf,) {
  &::-webkit-scrollbar-track-piece {
    background: $bg;
  }

  &::-webkit-scrollbar {
    width: $size;
    height: $size;
  }

  &::-webkit-scrollbar-thumb {
    background: $active;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin zihang($size: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $size;
  -webkit-box-orient: vertical;
}
@mixin size($size: 1px) {
  width: $size;
  height: $size;
  border-radius: 50%;
  overflow: hidden;
}

@mixin font-dn() {
  h1,
  .h1 {
    font-size: 36px;
  }

  h2,
  .h2 {
    font-size: 30px;
  }

  h3,
  .h3 {
    font-size: 24px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }

  h6,
  .h6 {
    font-size: 14px;
  }
}
